<template>
  <a-form-model-item label="Activity zone" prop="region" :rules="fieldRule">
    <a-select v-model="form.region" placeholder="please select your zone">
      <a-select-option value="shanghai">Zone one</a-select-option>
      <a-select-option value="beijing">Zone two</a-select-option>
    </a-select>
  </a-form-model-item>
</template>

<script>
export default {
  name: "ActivityZone",
  props: {
    form: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      fieldRule: [
        {
          required: true,
          message: "Please select Activity zone",
          trigger: "change"
        }
      ]
    };
  }
};
</script>

<style>
</style>